import Vue from 'vue'
import dayjs from 'dayjs'

// dayjs 默认是英文，这里加载中文语言包
import 'dayjs/locale/zh-cn' // 可以去 node_modules/dayjs/locale 去看它的多国语言包

import relativeTime from 'dayjs/plugin/relativeTime'

// 配置使用处理相对时间的插件
dayjs.extend(relativeTime)

// 配置使用中文语言包
dayjs.locale('zh-cn')

// 全局过滤器：处理相对时间。  可以在任何组件的模板（html标签里面）中使用
// 其实过滤器就相当于一个全局可用的方法(仅供模板使用)
// 参数1：过滤器名称
// 参数2：过滤器函数
// 使用方法：{{ 表达式 | 过滤器名称 }}
// 管道符前面的表达式的结果会作为参数传递到过滤器函数中
// 过滤器的返回值会渲染大使用过滤器的模板位置
Vue.filter('relativeTime', value => {
  return dayjs().to(dayjs(value))
})
